@import (reference) "prefixer.less";
@import (reference) "mixins.less";
@atu: 30ms;
@allDelay: 500ms;

.keyframes-fade-scale-in-out() {
    0% {
        opacity: 0;
        .transform-scale(.5, .5);
    }
    70% {
        .transform-scale(1.2, 1.2);
        opacity: 1;
    }
    100% {
        .transform-scale(1, 1);
        opacity: 1;
    }
}
.keyframes-slow-in-back() {
    0% {
        .translate(0rem;3rem);
    }
    80% {
        .translate(0rem;-0.3rem);
    }
    100% {
        .translate(0rem;0rem);
    }
}
.keyframes-fast-in() {
    0% {
        .translate(0rem;3rem);
    }
    100% {
        opacity:1;
        .translate(0rem;0rem);
    }
}
.keyframes-slow-horizontal-in() {
    0% {
        .translate(-1rem;0rem);
    }
    100% {
        opacity:1;
        .translate(0rem;0rem);
    }
}
.keyframes-fade-in() {
    0% {
        opacity:0;
        .translate(0rem;0.5rem);
    }
    100% {
        opacity:1;
        .translate(0rem;0rem);
    }
}
.keyframes-fadeRotate() {
    0% {
        opacity: 0;
        .rotate(-180deg);
    }
    25% {
        opacity: 1;
        .rotate(0deg);
    }
    50% {
        opacity:0;
        .rotate(180deg);
    }
    75% {
        opacity: 1;
        .rotate(360deg);
    }
        100% {
        opacity: 0;
        .rotate(540deg);
    }
}
@-webkit-keyframes fadeRotate {
    .keyframes-fadeRotate();
}
@keyframes fadeRotate {
    .keyframes-fadeRotate();
}
@-webkit-keyframes fadeScaleInOut {
    .keyframes-fade-scale-in-out();
}

@keyframes fadeScaleInOut {
    .keyframes-fade-scale-in-out();
}
@-webkit-keyframes slowInBack {
    .keyframes-slow-in-back();
}

@keyframes slowInBack {
    .keyframes-slow-in-back();
}
@-webkit-keyframes fastIn {
    .keyframes-fast-in();
}

@keyframes fastIn {
    .keyframes-fast-in();
}
@-webkit-keyframes slowHorizontalIn {
    .keyframes-slow-horizontal-in();
}

@keyframes slowHorizontalIn {
    .keyframes-slow-horizontal-in();
}
@-webkit-keyframes fadeIn {
    .keyframes-fade-in();
}

@keyframes fadeIn {
    .keyframes-fade-in();
}
.shuttle.animation {
    .animation(fadeScaleInOut @atu*12 @allDelay ease-in-out both);
}
.shuttler.animation {
    .transform-origin(50% 50%);
    .animation(fadeRotate @atu*80 @allDelay*2 linear forwards);
}
.police {
    .animation(slowInBack @atu*40 0s ease-in-out forwards);
}
.incident {
    .animation(slowInBack @atu*40 0.1s ease-in-out forwards);
}
.footerBg {
    .animation(fastIn @atu*30 0.5s ease-in forwards);
}
.monitor.animation {
    .animation(slowHorizontalIn @atu*20 1.4s ease-out forwards);
}
.nearest.animation {
    .animation(fadeIn @atu*20 1.4s ease-out forwards);
}